<template>
  <div class="wrap" >

    <!-- skycard 组件配置详情 -->
    <sky-card shadow='hover'>

      <!-- skyinput 组件配置详情 -->
      <sky-input v-model='form.input' placeholder='' disabled></sky-input>

    </sky-card>

    <!-- skycardpanel 组件配置详情 -->
    <sky-card-panel title='标题' subTitle='标题描述'>
      <div slot='header-right'>
        <sky-button type='primary'>操作</sky-button>
        <sky-button-group btntitle='更多' align='left'>
          <sky-button isIconShow iconClass='icon_add'>新增</sky-button>
          <sky-button isIconShow iconClass='icon_edit'>编辑</sky-button>
          <sky-button isIconShow iconClass='icon_delete'>删除</sky-button>
          <sky-button isIconShow iconClass='icon_import'>导入</sky-button>
          <sky-button isIconShow iconClass='icon_export'>导出</sky-button>
          <sky-button isIconShow iconClass='icon_download'>下载</sky-button>
        </sky-button-group>
      </div>
      <div slot='main' class='containter-form'>

        <!-- skytable skycolumn 组件配置详情  -->
        <sky-table v-slot='row' :data='emptyData'>
          <sky-column :row='row.scope' prop='col1' label='列标题1'></sky-column>
          <sky-column :row='row.scope' prop='col2' label='列标题2'> </sky-column>
          <sky-column :row='row.scope' prop='col3' label='列标题3'></sky-column>
          <sky-column :row='row.scope' prop='col4' label='列标题4'></sky-column>
          <sky-column :row='row.scope' label='操作'>
            <div class='tools'>
              <a>分摊</a>
              <a>查看分摊</a>
            </div>
          </sky-column>
        </sky-table>

      </div>
    </sky-card-panel>

  </div>
</template>

<script>
  export default {
    name:"createTemplate",
    data () {
      return {
        form: {
          input: ''
        },
        emptyData: []
      }
    }
  }
</script>

<style lang="scss" scoped>
</style>